<div>
  <link href="./pages/workflow/studio/nwflist/nwflist.css" rel="stylesheet" type="text/css">
  <yu-panel title="流程定义">
      <template slot="right">
        <yu-button-drop>
          <el-button @click="addFn">新增</el-button>
          <el-button @click="modifyFn">修改</el-button>
          <el-button @click="deleteFn">删除</el-button>
          <el-upload class="xml-upload" ref="refBtnUpload" :action="action" :on-success="handleUploadSuccess" :show-file-list="false"
            :on-change="handleChange" :headers="headers">
            <el-button style="margin-left: 10px;">导入</el-button>
          </el-upload>
          <el-button @click="saveAsNew">生成新版本</el-button>
          <el-button @click="exportFn">导出</el-button>
        </yu-button-drop>
      </template>
    <yu-xform v-model="formdata1" related-table-name="reftable" form-type="search">
      <yu-xform-group :column="4">
        <yu-xform-item label="流程名称" placeholder="流程名称" ctype="input" name="flowName"></yu-xform-item>
        <yu-xform-item label="流程ID" placeholder="流程ID" ctype="num" name="flowId"></yu-xform-item>
      </yu-xform-group>
    </yu-xform>
    <div style="padding: 0 24px 24px">
        <el-table-x ref="reftable" :row-index="true" :base-params="baseParams" :data-url="urls.index" :table-columns="tableColumns"
          @custom-row-op="customRowOp">
        </el-table-x>
      </div>
  </yu-panel>

  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="updatedialogVisible" width="650px" class="yu-edit-dialog">
    <el-form-x ref="reform" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="110px"></el-form-x>
  </el-dialog-x>
  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="newdialogVisible" width="650px" @close="cancel">
    <yu-form :inline="true" :model="editForm" ref="newform" label-width="110px">
      <yu-form-item label="流程名称" prop="newflowName" :rules="[{required: true, message: '必输项', trigger: 'blur'}]">
        <yu-input v-model="editForm.newflowName"></yu-input>
      </yu-form-item>
    </yu-form>
    <div slot="footer" align="center">
      <el-button type="primary"  @click="sureAdd">确定</el-button>
      <el-button @click="cancel">取消</el-button>
    </div>
  </el-dialog-x>
   <el-dialog-x title="流程图详情" :visible.sync="trackDialogVisible" @close="trackClose" height="400px">
      <el-row>
      	<el-col>
  			<div id="nwfTrackPage">
  			</div>
  		</el-col>
      </el-row>
  </el-dialog-x>
</div>
<style>
  .yu-edit-dialog .el-form-x-footer{
    text-align: center
  }
</style>